<template>
    <p>页面载入时，第二个input 元素自动获取焦点：</p>
    <input /><br /><br />
    <input v-focus /><br /><br />
    <input/>
</template>

<script>
export default {
    directives: {
        // 局部指令的定义，调用时要加v-，即v-focus
        focus: {
            mounted(el) {
                el.focus()
                el.value="获得焦点"
            }
        }
    }
}
</script>

<style scoped>
input:focus{ 
  background-color:black;
  color:white;
}
</style>